body {background-color: #ffffff;}
#head {float: left; margin-left: 10pt; margin-right: 5pt;}
h1 {margin: 10pt 10pt;}
h2 {text-align: center;}
h3 {text-align: center;}
h4 {margin: 5pt 100pt;}
h5 {text-align: center;}
p {margin: 10pt 20pt; text-align : justify;}
p.footer {text-align: center; font-size: 120%; font-weight: bold;}
p.counter {text-align: center;}
p.epigraph {text-align: right; margin: 20pt 20pt 20pt 300pt;}
p.cite, blockquote, q {margin: 10pt 50pt; font-size: 80%;}
p.verse {margin: 5pt 100pt; font-size: 90%;}
p.letter {margin: 5pt 60pt; font-size: 90%;}
p.remarka {margin: 5pt 60pt; font-size: 87%;}
span.name {letter-spacing: 4px; margin-right: 2px; margin-left : 2px;}
acronym { border-bottom: 1px dotted #333333; cursor: help;}
table {margin: 10pt 20pt;}
ul {margin: 10pt 20pt;}

#illustration-left {
	float: left;
  	width: 30%;
	height: auto;
  	border: thin silver solid;
  	margin: 10pt 20pt;
	text-align: center;
 	font-style: italic;
 	font-size: smaller;
  	text-indent: 0;
}

#illustration-right {
	float: right;
  	width: 30%;
	height: auto;
  	border: thin silver solid;
  	margin: 10pt 20pt;
	text-align: center;
 	font-style: italic;
 	font-size: smaller;
  	text-indent: 0;
}

#illustration-horizontal {
	float: none;
  	width: 94%;
	height: auto;
  	border: thin silver solid;
  	margin: 10pt 20pt;
	text-align: center;
 	font-style: italic;
 	font-size: smaller;
  	text-indent: 0;
}

div.illustration-stroka {
  	width: 98%;
	height: auto;
	margin: 1%;
  	border: thin black solid;
	overflow: hidden;
}

div.illustration-gallery {
	float: left;
  	width: 30%;
	height: auto;
  	border: thin silver solid;
	margin: 1%;
 	text-align: center;
 	font-style: italic;
 	font-size: smaller;
  	text-indent: 0;
}

img.mash {
	width: 100%;
	height: auto;
	margin: 0;
}

div.illustration-gallery img {
	object-fit: cover;
        width: 100%;
        height: 100%;
}

div.illustration img {
	float: none;
	max-width: 100%;
	height: auto;
	padding: 0 3% 3% 0; /* Поля вокруг картинки верх правый низ левый */
}

div.illustration-tender img {
	display: block;
	margin: 0 auto; /* выравнивание по горизонтали */
	float: none;
	max-width: 100%;
	height: auto;
	padding: 0 3% 3% 0; /* Поля вокруг картинки верх правый низ левый */
}

div.publication {
	width: 100%;
	overflow: hidden;
}

div.publication img {
	float: none;
	max-width: 100%;
	max-height: 500px;
	padding: 1% 1% 1% 1%; /* Поля вокруг картинки верх правый низ левый */
}

@media screen and (min-width: 1000px) { /*ноуты и десктопы */
#textwidth {
	margin-left: 10%; 
	margin-right: 30%; 
	background-color: White; 
	border: 2pt solid gray;
}

div.illustration img {
	float: left;
	max-width: 50%;
	height: auto;
	padding: 0 3% 3% 0; /* Поля вокруг картинки верх правый низ левый */
}


div.illustration-tender img {
	float: none;
	display: block;
	margin: 0 auto; /* выравнивание по горизонтали */
	max-width: 50%;
	height: auto;
}

div.publication {
	width: 100%;
	overflow: hidden;
}

div.publication img {
	float: left;
	max-width: 48%;
	max-height: 300px;
	padding: 1% 1% 1% 1%; /* Поля вокруг картинки верх правый низ левый */
}
}